body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
#root {
  width: 100%;
  height: 100%;
}

.ant-popover .ant-popover-inner {
  padding: 12px 0;
}
.ant-layout-sider-children {
  background-color: #fff;
}

/* 隐藏右侧滚动条 */
.no_scrollbar {
  overflow: hidden;
  overflow-y: scroll;
  overflow: -moz-hidden-unscrollable;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    width: 0 !important;
  }
}
/* 自定义右侧滚动条 */
.zdy_scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #e5e5e5 #f7f7f9;
  &::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #f5f5f5;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
  }
}
.wrap {
  width: 300px;
  height: 40px;
  .text {
    color: #fff;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0, var(--textColor)),
      color-stop(0.4, var(--textColor)),
      color-stop(0.5, #fff),
      color-stop(0.6, var(--textColor)),
      color-stop(1, var(--textColor))
    );
  }
}

/* 入场动画过程 */
.dg-enter {
  opacity: 0;
  transform: translateX(-10px);
}
.dg-enter-active {
  transition: 500ms;
  opacity: 1;
  transform: translateX(0px);
}
.dg-enter-done {
  transform: translateX(0px);
}
/* 出场动画过程 */
.dg-exit {
  opacity: 0;

  transform: translateX(0px);
}
.dg-exit-active {
  transition: 500ms;

  opacity: 0;
  transform: translateX(10px);
}
.dg-exit-done {
  transform: translateX(10px);
}

.enter_1,
.enter_2,
.enter_3,
.enter_4,
.enter_5 {
  opacity: 0;

  animation: enter-x-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  transform: translateX(-50px);
}
.enter_1 {
  animation-delay: 0s;
}
.enter_2 {
  animation-delay: 0.2s;
}
.enter_3 {
  animation-delay: 0.4s;
}
.enter_4 {
  animation-delay: 0.6s;
}
.enter_5 {
  animation-delay: 0.8s;
}

@keyframes enter-x-animation {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
